﻿<!DOCTYPE html>
<html>
  <head>
    <title>评论</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/评论/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/评论/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Iphone6s plus) -->

      <!-- Unnamed (图片) -->
      <div id="u522" class="ax_default _图片1">
        <img id="u522_img" class="img " src="images/书架（首页）/u321.png"/>
      </div>

      <!-- background (矩形) -->
      <div id="u523" class="ax_default box_1" data-label="background">
        <img id="u523_img" class="img " src="images/书架（首页）/background_u322.png"/>
      </div>

      <!-- 背影的页码 (组 合) -->
      <div id="u524" class="ax_default" data-label="背影的页码" data-left="59" data-top="152" data-width="356" data-height="626">

        <!-- Unnamed (矩形) -->
        <div id="u525" class="ax_default box_1">
          <img id="u525_img" class="img " src="images/评论/u525.png"/>
        </div>

        <!-- 页码 (矩形) -->
        <div id="u526" class="ax_default label" data-label="页码">
          <img id="u526_img" class="img " src="images/评论/页码_u526.png"/>
          <div id="u526_text" class="text ">
            <p><span>619</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u527" class="ax_default label">
          <img id="u527_img" class="img " src="images/评论/u527.png"/>
          <div id="u527_text" class="text ">
            <p><span>&nbsp;《射雕英雄传》</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; 金庸</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp; 新知-三联书店</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>阅读时长：1小时20分钟</span></p>
          </div>
        </div>
      </div>

      <!-- 评论 (组 合) -->
      <div id="u528" class="ax_default" data-label="评论" data-left="26" data-top="240" data-width="424" data-height="432">

        <!-- Unnamed (矩形) -->
        <div id="u529" class="ax_default box_1">
          <img id="u529_img" class="img " src="images/评论/u529.png"/>
          <div id="u529_text" class="text ">
            <p><span>周伯通说的话，你也信？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u530" class="ax_default box_1">
          <img id="u530_img" class="img " src="images/评论/u530.png"/>
          <div id="u530_text" class="text ">
            <p><span>郭靖的地位又又又提升了</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u531" class="ax_default box_1">
          <img id="u531_img" class="img " src="images/评论/u531.png"/>
          <div id="u531_text" class="text ">
            <p><span>王重阳的天下第一果然名不虚传</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u532" class="ax_default box_1">
          <img id="u532_img" class="img " src="images/评论/u531.png"/>
          <div id="u532_text" class="text ">
            <p><span>王重阳居然老死的？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u533" class="ax_default box_1">
          <img id="u533_img" class="img " src="images/评论/u531.png"/>
          <div id="u533_text" class="text ">
            <p><span>《九阴真经》倒是什么功法</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u534" class="ax_default label">
          <img id="u534_img" class="img " src="images/评论/u534.png"/>
          <div id="u534_text" class="text ">
            <p><span>刚刚</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u535" class="ax_default label">
          <img id="u535_img" class="img " src="images/评论/u534.png"/>
          <div id="u535_text" class="text ">
            <p><span>去年</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u536" class="ax_default label">
          <img id="u536_img" class="img " src="images/评论/u536.png"/>
          <div id="u536_text" class="text ">
            <p><span>35分钟前</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u537" class="ax_default label">
          <img id="u537_img" class="img " src="images/评论/u537.png"/>
          <div id="u537_text" class="text ">
            <p><span>两年前</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u538" class="ax_default label">
          <img id="u538_img" class="img " src="images/评论/u534.png"/>
          <div id="u538_text" class="text ">
            <p><span>上周</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u539" class="ax_default _图片">
          <img id="u539_img" class="img " src="images/评论/u539.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u540" class="ax_default _图片">
          <img id="u540_img" class="img " src="images/评论/u539.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u541" class="ax_default _图片">
          <img id="u541_img" class="img " src="images/评论/u539.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u542" class="ax_default _图片">
          <img id="u542_img" class="img " src="images/评论/u539.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u543" class="ax_default _图片">
          <img id="u543_img" class="img " src="images/评论/u539.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u544" class="ax_default box_1">
          <img id="u544_img" class="img " src="images/评论/u531.png"/>
          <div id="u544_text" class="text ">
            <p><span>王重阳居然老死的？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u545" class="ax_default label">
          <img id="u545_img" class="img " src="images/评论/u537.png"/>
          <div id="u545_text" class="text ">
            <p><span>两年前</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u546" class="ax_default _图片">
          <img id="u546_img" class="img " src="images/评论/u539.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u547" class="ax_default box_1">
          <img id="u547_img" class="img " src="images/评论/u531.png"/>
          <div id="u547_text" class="text ">
            <p><span>王重阳居然老死的？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u548" class="ax_default label">
          <img id="u548_img" class="img " src="images/评论/u537.png"/>
          <div id="u548_text" class="text ">
            <p><span>两年前</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u549" class="ax_default _图片">
          <img id="u549_img" class="img " src="images/评论/u539.png"/>
        </div>
      </div>

      <!-- 悬浮组件 (组 合) -->
      <div id="u550" class="ax_default" data-label="悬浮组件" data-left="63" data-top="708" data-width="371" data-height="123">

        <!-- Unnamed (椭圆形) -->
        <div id="u551" class="ax_default ellipse">
          <img id="u551_img" class="img " src="images/评论/u551.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u552" class="ax_default icon">
          <img id="u552_img" class="img " src="images/评论/u552.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u553" class="ax_default box_1">
          <img id="u553_img" class="img " src="images/评论/u553.png"/>
          <div id="u553_text" class="text ">
            <p><span>下一页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u554" class="ax_default _文本段落1">
          <img id="u554_img" class="img " src="images/评论/u554.png"/>
          <div id="u554_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u555" class="ax_default arrow">
        <img id="u555_img" class="img " src="images/评论/u555.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u556" class="ax_default arrow">
        <img id="u556_img" class="img " src="images/评论/u556.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u557" class="ax_default label">
        <img id="u557_img" class="img " src="images/评论/u557.png"/>
        <div id="u557_text" class="text ">
          <p><span>21：25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u558" class="ax_default sticky_1">
        <img id="u558_img" class="img " src="images/评论/u558.png"/>
        <div id="u558_text" class="text ">
          <p><span>加号为发布评论按钮</span></p><p><span>- 点击出现文本框来给用户填写评论信息</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u559" class="ax_default sticky_1">
        <img id="u559_img" class="img " src="images/评论/u559.png"/>
        <div id="u559_text" class="text ">
          <p><span>评论信息</span></p><p><span>- 向下滑动</span></p><p><span>- 左边为热评，右边的评论按照时间倒叙显示</span></p><p><span>- 显示头像，发布时间，点赞数和标记信息</span></p><p><span>- 点击评论进行点赞</span></p><p><span>- 双击为进入评论页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u560" class="ax_default sticky_1">
        <img id="u560_img" class="img " src="images/评论/u560.png"/>
        <div id="u560_text" class="text ">
          <p><span>设置页面</span></p><p><span>- 扁平图标，默认右上</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u561" class="ax_default arrow">
        <img id="u561_img" class="img " src="images/搜索页/u485.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u562" class="ax_default image">
        <img id="u562_img" class="img " src="images/操作规范/u75.png"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u563" class="ax_default _图片">
        <img id="u563_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u564" class="ax_default label">
        <img id="u564_img" class="img " src="images/评论/u564.png"/>
        <div id="u564_text" class="text ">
          <p><span>240</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u565" class="ax_default _图片">
        <img id="u565_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u566" class="ax_default label">
        <img id="u566_img" class="img " src="images/评论/u564.png"/>
        <div id="u566_text" class="text ">
          <p><span>240</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u567" class="ax_default _图片">
        <img id="u567_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u568" class="ax_default label">
        <img id="u568_img" class="img " src="images/评论/u564.png"/>
        <div id="u568_text" class="text ">
          <p><span>240</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u569" class="ax_default _图片">
        <img id="u569_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u570" class="ax_default label">
        <img id="u570_img" class="img " src="images/评论/u564.png"/>
        <div id="u570_text" class="text ">
          <p><span>240</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u571" class="ax_default _图片">
        <img id="u571_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u572" class="ax_default label">
        <img id="u572_img" class="img " src="images/评论/u564.png"/>
        <div id="u572_text" class="text ">
          <p><span>240</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u573" class="ax_default _文本段落1">
        <img id="u573_img" class="img " src="images/书架（首页）/u368.png"/>
        <div id="u573_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u574" class="ax_default sticky_1">
        <img id="u574_img" class="img " src="images/评论/u574.png"/>
        <div id="u574_text" class="text ">
          <p><span>背景</span></p><p><span>- 全屏沉浸页面</span></p><p><span>- 不透明度15%的纯黑</span></p><p><span>- 背景信息为“书名，作者，出版社” 阅读时长</span></p><p><span>- 放大页码数再正中间，字体大小72</span></p><p><span>- 左上角，放置系统时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Iphone6s plus) -->

      <!-- Unnamed (图片) -->
      <div id="u576" class="ax_default _图片1">
        <img id="u576_img" class="img " src="images/书架（首页）/u321.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u577" class="ax_default box_1">
        <img id="u577_img" class="img " src="images/快速添加图书/u422.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default box_1">
        <img id="u578_img" class="img " src="images/评论/u578.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default box_1">
        <img id="u579_img" class="img " src="images/评论/u579.png"/>
        <div id="u579_text" class="text ">
          <p><span>XX的评论</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default box_1">
        <img id="u580_img" class="img " src="images/评论/u580.png"/>
        <div id="u580_text" class="text ">
          <p><span>回复</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u581" class="ax_default box_1">
        <img id="u581_img" class="img " src="images/评论/u581.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u582" class="ax_default _图片">
        <img id="u582_img" class="img " src="images/评论/u539.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u583" class="ax_default label">
        <img id="u583_img" class="img " src="images/评论/u536.png"/>
        <div id="u583_text" class="text ">
          <p><span>10分钟前</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default label">
        <img id="u584_img" class="img " src="images/评论/u584.png"/>
        <div id="u584_text" class="text ">
          <p><span>王重阳的天下第一果然名不虚传</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u585" class="ax_default label">
        <img id="u585_img" class="img " src="images/评论/u585.png"/>
        <div id="u585_text" class="text ">
          <p><span>8分钟前</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u586" class="ax_default _图片">
        <img id="u586_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default label">
        <img id="u587_img" class="img " src="images/评论/u587.png"/>
        <div id="u587_text" class="text ">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u588" class="ax_default label">
        <img id="u588_img" class="img " src="images/评论/u588.png"/>
        <div id="u588_text" class="text ">
          <p><span>#1</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u589" class="ax_default _图片">
        <img id="u589_img" class="img " src="images/评论/u539.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u590" class="ax_default label">
        <img id="u590_img" class="img " src="images/评论/u590.png"/>
        <div id="u590_text" class="text ">
          <p><span>XXXXX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u591" class="ax_default label">
        <img id="u591_img" class="img " src="images/评论/u590.png"/>
        <div id="u591_text" class="text ">
          <p><span>XXXXX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u592" class="ax_default label">
        <img id="u592_img" class="img " src="images/评论/u592.png"/>
        <div id="u592_text" class="text ">
          <p><span>一阳指打遍天下，欧阳锋也真是高手</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u593" class="ax_default line">
        <img id="u593_img" class="img " src="images/评论/u593.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u594" class="ax_default sticky_1">
        <img id="u594_img" class="img " src="images/评论/u594.png"/>
        <div id="u594_text" class="text ">
          <p><span>背景</span></p><p><span>- 不透明度40%的</span></p><p><span><br></span></p><p><span>对话框</span></p><p><span>- 双击评论进入</span></p><p><span>- 标题为：“用户名”+的评论</span></p><p><span>- 下方矩形区域为用户的评论</span></p><p><span>- - 头像 名称，时间，点赞数等</span></p><p><span>- -&nbsp; 左下角的星星为收藏提示</span></p><p><span>- -&nbsp; 放大评论字体</span></p><p><span><br></span></p><p><span>下方为其它用户对这条评论的回复</span></p><p><span>- 显示头像，用户名称，时间，点赞数</span></p><p><span>- 排序为时间倒叙，优先显示最新回复</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u595" class="ax_default arrow">
        <img id="u595_img" class="img " src="images/评论/u595.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u596" class="ax_default arrow">
        <img id="u596_img" class="img " src="images/评论/u596.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u597" class="ax_default image">
        <img id="u597_img" class="img " src="images/操作规范/u78.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u598" class="ax_default _文本段落" data-label="Header 2">
        <img id="u598_img" class="img " src="images/操作规范/header_2_u82.png"/>
        <div id="u598_text" class="text ">
          <p><span>双击（Double Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u599" class="ax_default arrow">
        <img id="u599_img" class="img " src="images/搜索页/u485.png"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u600" class="ax_default _图片">
        <img id="u600_img" class="img " src="images/评论/u563.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u601" class="ax_default label">
        <img id="u601_img" class="img " src="images/评论/u587.png"/>
        <div id="u601_text" class="text ">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u602" class="ax_default label">
        <img id="u602_img" class="img " src="images/评论/u587.png"/>
        <div id="u602_text" class="text ">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u603" class="ax_default icon">
        <img id="u603_img" class="img " src="images/评论/u603.png"/>
      </div>
    </div>
  </body>
</html>
